<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title></title>
    <meta name="keywords" content="" />
    <meta name="description" content="">
    <link href="css/bulma.min.css" rel="stylesheet">
    <link href="css/github-markdown.min.css" rel="stylesheet">
    <link rel="stylesheet" href="css/app.css">
</head>
<body>
<nav id="navbar" class="navbar has-shadow">
    <div class="container">
        <div id="navMenu" class="navbar-menu">
            <div class="navbar-start">
                <a class="navbar-item" href="index.html">主页</a>
                <a class="navbar-item" href="about.html">关于</a>
            </div>
            <div class="navbar-end">
                <div class="navbar-item">
                    <a class="button is-small is-primary" href="category.html">分类</a>
                </div>
                <div class="navbar-item">
                    <a class="button is-small is-primary" href="add-article.html">写文章</a>
                </div>
                <div class="navbar-item">
                    <a href="user-articlelist.html">张三</a>
                </div>
                <div class="navbar-item">
                    <a href="javascript:void(0);">退出</a>
                </div>
                <div class="navbar-item">
                    <a class="button is-small is-primary" href="register.html">注册</a>
                </div>
                <div class="navbar-item">
                    <a class="button is-small" href="login.html">登录</a>
                </div>
            </div>
        </div>
    </div>
</nav>
<div class="container margin-top">
    <div class="columns">
        <div class="column is-8 is-offset-2">
            <div class="box markdown-body">
                <h1>标题</h1>
                <div>
                    作者：<a href="user-articlelist.html">张三</a>
                    <div class="is-pulled-right">
                        <a class="button is-small is-primary" href="javascript:void(0);">编辑</a>
                        <a class="button is-small is-danger" href="javascript:void(0);">删除</a>
                    </div>
                </div>
                <p>
                    文章正文
                </p>
                <p>
                    <a  href="index.html?c=SpringBoot" class="tag is-primary">SpringBoot</a>
                </p>
            </div>
            <section class="margin-top box">
                <div class="media">
                    <div class="media-content">
                        <div class="field">
                            <input type="hidden" name="postId" value="{{post._id}}">
                            <p class="control">
                                <textarea name="content" class="textarea" placeholder="发表评论…"></textarea>
                            </p>
                        </div>
                        <button class="button is-info is-pulled-right">Submit</button>
                    </div>
                </div>
                <article class="media comment">
                    <figure class="media-left">
                        <p class="image is-24x24">
                            <img src="https://bulma.io/images/placeholders/128x128.png">
                        </p>
                    </figure>
                    <div class="media-content">
                        <div class="content">
                            <p>
                                <a href="user-articlelist.html">
                                    <strong>zhangsan</strong>
                                </a>
                                <small>31m</small>
                                <br>
                                写着真好。
                            </p>
                        </div>
                        <nav>
                        </nav>
                    </div>

                    <div class="media-right is-invisible">
                        <button id="reply" class="button is-small is-primary">回复</button>
                        <a href="javascript:void(0);" class="button is-small">删除</a>
                    </div>
                </article>
            </section>
        </div>
    </div>
</div>
</body>
</html>
